﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>宁夏银川市公安局侵犯知识产权犯罪侦查支队</title>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="bower_components/Ionicons/css/ionicons.min.css">
<link rel="stylesheet" href="bower_components/jvectormap/jquery-jvectormap.css">
<link href="plugins/jvectormap/jquery-jvectormap-2.0.3.css" rel="stylesheet" />
<link rel="stylesheet" href="dist/css/AdminLTE.min.css">
<link rel="stylesheet" href="dist/css/skins/_all-skins.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
<link rel="stylesheet" href="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
<style type="text/css">
#cke_editor1{ width:75%; float:left; margin: 0 15px;}
#exampleInputFile{ margin-top:5px;}
.weight{ width:40%}
</style>
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
  <header class="main-header"> 
    <!-- Logo --> 
    <a href="index2.html" class="logo"> 
    <!-- mini logo for sidebar mini 50x50 pixels --> 
    <span class="logo-mini"><b>知侦</b></span> 
    <!-- logo for regular state and mobile devices --> 
    <span class="logo-lg"><b>银川市公安知侦支队</b></span> </a> 
    <!-- Header Navbar: style can be found in header.less -->
    <nav class="navbar navbar-static-top"> 
      <!-- Sidebar toggle button--> 
      <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button"> <span class="sr-only">Toggle navigation</span> </a> 
      <!-- Navbar Right Menu -->
      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
          <!-- User Account: style can be found in dropdown.less -->
          <li class="dropdown user user-menu"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image"> <span class="hidden-xs">Admin</span> </a>
            <ul class="dropdown-menu">
              <!-- Menu Footer-->
              <li class="user-footer">
                <div class="pull-left"> <a href="#" class="btn btn-default btn-flat">我的信息</a> </div>
                <div class="pull-right"> <a href="#" class="btn btn-default btn-flat">安全退出</a> </div>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </nav>
  </header>

<aside class="main-sidebar"> 
    <section class="sidebar"> 
      <div class="user-panel">
        <div class="pull-left image"> <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"> </div>
        <div class="pull-left info">
          <p>系统管理员</p>
          <a href="#"><i class="fa fa-circle text-success"></i> 在线</a> </div>
      </div>
      <ul class="sidebar-menu" data-widget="tree">
        <li class="header">菜单导航</li>
        <li class="treeview active"> <a href="#"> <i class="fa fa-balance-scale"></i> <span>案件管理</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
          <ul class="treeview-menu">
            <li><a href="index2.html"><i class="fa fa-circle-o"></i> 举报投诉</a></li>
            <li><a href="index2.html"><i class="fa fa-circle-o"></i> 报案管理</a></li>
            <li><a href="index2.html"><i class="fa fa-circle-o"></i> 公文交换</a></li>
            <li><a href="index2.html"><i class="fa fa-circle-o"></i> 预警提示</a></li>
            <li><a href="index2.html"><i class="fa fa-circle-o"></i> 数据提交</a></li>
          </ul>
        </li>
        <li class="treeview"> <a href="#"> <i class="fa fa-server"></i> <span>内容管理</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
          <ul class="treeview-menu">
            <li><a href="index2.html"><i class="fa fa-circle-o"></i> 分类管理</a></li>
            <li><a href="index2.html"><i class="fa fa-circle-o"></i> 内容管理</a></li>
            <li><a href="index2.html"><i class="fa fa-circle-o"></i> 单页管理</a></li>
            <li><a href="index2.html"><i class="fa fa-circle-o"></i> 常见问题</a></li>
          </ul>
        </li>
        <li class="treeview"> <a href="#"> <i class="fa fa-gears"></i> <span>系统管理</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
          <ul class="treeview-menu">
            <li><a href="index2.html"><i class="fa fa-circle-o"></i> 参数设置</a></li>
            <li><a href="message.html"><i class="fa fa-circle-o"></i> 公告管理</a></li>
            <li><a href="index2.html"><i class="fa fa-circle-o"></i> 友情链接</a></li>
            <li><a href="index2.html"><i class="fa fa-circle-o"></i> 数据备份</a></li>
          </ul>
        </li>
        <li class="treeview"> <a href="#"> <i class="fa fa-user-plus"></i> <span>权限管理</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
          <ul class="treeview-menu">
            <li><a href="index2.html"><i class="fa fa-circle-o"></i> 管理员管理</a></li>
            <li><a href="index2.html"><i class="fa fa-circle-o"></i> 角色管理</a></li>
            <li><a href="index2.html"><i class="fa fa-circle-o"></i> 权限管理</a></li>
          </ul>
        </li>
        <li class="treeview"> <a href="#"> <i class="fa fa-users"></i> <span>用户管理</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
          <ul class="treeview-menu">
            <li><a href="index2.html"><i class="fa fa-circle-o"></i> 用户列表</a></li>
          </ul>
        </li>
        <li class="treeview"> <a href="#"> <i class="fa fa-desktop"></i> <span>工作室管理</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
          <ul class="treeview-menu">
            <li><a href="index2.html"><i class="fa fa-circle-o"></i> 企业管理</a></li>
            <li><a href="index2.html"><i class="fa fa-circle-o"></i> 产权信息</a></li>
            <li><a href="index2.html"><i class="fa fa-circle-o"></i> 产品管理</a></li>
            <li><a href="index2.html"><i class="fa fa-circle-o"></i> 专家管理</a></li>
            <li><a href="index2.html"><i class="fa fa-circle-o"></i> 服务机构</a></li>
            <li><a href="index2.html"><i class="fa fa-circle-o"></i> 协作单位管理</a></li>
          </ul>
        </li>
        <li class="treeview"> <a href="#"> <i class="fa fa-commenting"></i> <span>在线客服</span> <span class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
          <ul class="treeview-menu">
            <li><a href="index2.html"><i class="fa fa-circle-o"></i> 会话管理</a></li>
            <li><a href="index2.html"><i class="fa fa-circle-o"></i> 客服管理</a></li>
          </ul>
        </li>
      </ul>
    </section>
</aside>

<div class="content-wrapper"> 
    <section class="content-header">
        <h1> 添加内容 </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
            <li class="active">添加内容</li>
        </ol>
    </section>
    <div class="content">
    	<div class="row">
        	<div class="col-md-9">
            	<div class="box box-primary" style="overflow:hidden">
                	<form class="form-horizontal">
                      <div class="box-body" style="padding-top:30px">
                        <div class="form-group">
                          <label for="inputEmail3" class="col-sm-2 control-label">文章类别</label>
                          <div class="col-sm-3">
                          	<select class="form-control select2 select2-hidden-accessible" style="width: 100%;" tabindex="-1" aria-hidden="true">
                            	<option selected="selected">类别一</option>
                            	<option>类别二</option>
                            	<option>类别三</option>
                            	<option>类别四</option>
                            	<option>类别五</option>
                            </select>
                          </div>
                        </div>
                        <div class="form-group">
                          <label for="inputEmail3" class="col-sm-2 control-label">文章标题</label>
                          <div class="col-sm-5"><input type="email" class="form-control" id="exampleInputEmail1" placeholder="请输入文章标题"></div>
                        </div>
                        <div class="form-group">
                          <label for="inputEmail3" class="col-sm-2 control-label">自定义属性</label>
                          <div class="col-sm-10">
                          	<div class="checkbox col-sm-1">
                                <label>
                                  <input type="checkbox">头条
                                </label>
                            </div>
                            <div class="checkbox col-sm-1">
                                <label>
                                  <input type="checkbox">推荐
                                </label>
                            </div>
                            <div class="checkbox col-sm-1">
                                <label>
                                  <input type="checkbox">幻灯
                                </label>
                            </div>
                          </div>
                        </div>
                        <div class="form-group">
                          <label for="inputEmail3" class="col-sm-2 control-label">缩略图</label>
                          <div class="col-sm-3"><input type="email" class="form-control" id="exampleInputEmail1" placeholder="文章缩略图"></div>
                          <div class="col-sm-5"><input type="file" id="exampleInputFile"></div>
                        </div>
                        <div class="form-group">
                          <label for="inputEmail3" class="col-sm-2 control-label">关键字</label>
                          <div class="col-sm-5"><input type="email" class="form-control" id="exampleInputEmail1" placeholder="关键字"></div>
                        </div>
                        <div class="form-group">
                          <label for="inputEmail3" class="col-sm-2 control-label">内容摘要</label>
                          <div class="col-sm-5"><textarea class="form-control" rows="3" placeholder="Enter ..."></textarea></div>
                        </div>
                        <div class="form-group">
                        	<label for="inputEmail3" class="col-sm-2 control-label" style="height:100px;">内容编辑</label>
							<textarea id="editor1" class="col-sm-9" name="editor1" rows="10" cols="80">This is my textarea to be replaced with CKEditor.</textarea>
                        </div>
                      </div>
                      <div class="box-footer">
                      	<div class="col-sm-2"></div>
                        <button type="submit" class="btn btn-info">发布文章</button>
                      </div>
                    </form>
                </div>
            </div>
            <div class="col-md-3">
            	<div class="box box-primary">
                	<div class="box-body" style="padding:30px">
                        <div class="form-group">
                           <label for="inputEmail3" class="control-label">文章来源</label>
                           <input type="email" class="form-control" id="exampleInputEmail1" placeholder="文章来源">
                        </div>
                        <div class="form-group">
                           <label for="inputEmail3" class="control-label">文章作者</label>
                           <input type="email" class="form-control" id="exampleInputEmail1" placeholder="文章作者">
                        </div>
                        <div class="form-group">
                           <label for="inputEmail3" class="control-label">发布时间</label>
                           <div class="input-group date">
                              <div class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                              </div>
                              <input type="text" class="form-control pull-right" id="datepicker">
                            </div>
                        </div>
                        <div class="form-group">
                           <label for="inputEmail3" class="control-label">权重</label>
                           <input type="email" class="form-control weight" id="exampleInputEmail1" placeholder="数值越小越靠前">
                        </div>
                    </div>
                </div>
            </div>         
        </div>
    </div>  
</div>

<footer class="main-footer">
	<div class="pull-right hidden-xs"> <b>Version</b> 1.0.0 </div>
    <strong>版权所有 2017-2018 宁夏银川市公安局侵犯知识产权犯罪侦查支队</strong>
</footer>

<div class="control-sidebar-bg"></div>
</div>

<div class="float_layer" id="miaov_float_layer" style="z-index:10001;">
  <h2> <b>待办事项</b> <a id="btn_min" href="javascript:;" class="min"></a> <a id="btn_close" href="javascript:;" class="close"></a> </h2>
  <div class="content2">
    <div class="wrap2">
      <ul>
        <li><a class="nl" href="#"><span style="color:red">您有23条报案信息未处理，详细>>> </span></a></li>
        <li><a class="nl" href="#">您有65条咨询信息未处理，详细>>> </a></li>
        <li><a class="nl" href="#">有公众在线咨询信息未处理，详细>>> </a></li>
      </ul>
    </div>
  </div>
</div>

<script src="bower_components/jquery/dist/jquery.min.js"></script> 
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script> 
<script src="bower_components/fastclick/lib/fastclick.js"></script> 
<script src="dist/js/adminlte.min.js"></script> 
<script src="bower_components/jquery-sparkline/dist/jquery.sparkline.min.js"></script> 
<script src="plugins/jvectormap/jquery-jvectormap-2.0.3.min.js"></script> 
<script src="plugins/jvectormap/jquery-jvectormap-cn-mill.js"></script> 
<script src="bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script> 
<script src="bower_components/Chart.js/Chart.js"></script> 
<script src="dist/js/pages/dashboard2.js"></script> 
<script src="dist/js/demo.js"></script> 
<script src="dist/js/move.js"></script> 
<script src="dist/js/cookie.js"></script> 
<script src="dist/js/echarts.js"></script> 
<script src="dist/js/china.js"></script> 
<script src="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<script src="bower_components/ckeditor/ckeditor.js"></script>
<script src="bower_components/select2/dist/js/select2.full.min.js"></script>
<script src="plugins/input-mask/jquery.inputmask.js"></script>
<script src="plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="plugins/input-mask/jquery.inputmask.extensions.js"></script>
<script src="bower_components/moment/min/moment.min.js"></script>
<script src="bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
<script src="bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
<script src="bower_components/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.min.js"></script>
<script src="plugins/timepicker/bootstrap-timepicker.min.js"></script>
<script src="plugins/iCheck/icheck.min.js"></script>

<script>
  $(function () {
    //Datemask dd/mm/yyyy
    $('#datemask').inputmask('dd/mm/yyyy', { 'placeholder': 'dd/mm/yyyy' })
    //Datemask2 mm/dd/yyyy
    $('#datemask2').inputmask('mm/dd/yyyy', { 'placeholder': 'mm/dd/yyyy' })
    //Money Euro
    $('[data-mask]').inputmask()

    //Date range picker
    $('#reservation').daterangepicker()
    //Date range picker with time picker
    $('#reservationtime').daterangepicker({ timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A' })
    //Date range as a button
    $('#daterange-btn').daterangepicker(
      {
        ranges   : {
          'Today'       : [moment(), moment()],
          'Yesterday'   : [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
          'Last 7 Days' : [moment().subtract(6, 'days'), moment()],
          'Last 30 Days': [moment().subtract(29, 'days'), moment()],
          'This Month'  : [moment().startOf('month'), moment().endOf('month')],
          'Last Month'  : [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
        },
        startDate: moment().subtract(29, 'days'),
        endDate  : moment()
      },
      function (start, end) {
        $('#daterange-btn span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'))
      }
    )

    //Date picker
    $('#datepicker').datepicker({
      autoclose: true
    })

    //iCheck for checkbox and radio inputs
    $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
      checkboxClass: 'icheckbox_minimal-blue',
      radioClass   : 'iradio_minimal-blue'
    })
    //Red color scheme for iCheck
    $('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
      checkboxClass: 'icheckbox_minimal-red',
      radioClass   : 'iradio_minimal-red'
    })
    //Flat red color scheme for iCheck
    $('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
      checkboxClass: 'icheckbox_flat-green',
      radioClass   : 'iradio_flat-green'
    })

    //Colorpicker
    $('.my-colorpicker1').colorpicker()
    //color picker with addon
    $('.my-colorpicker2').colorpicker()

    //Timepicker
    $('.timepicker').timepicker({
      showInputs: false
    })
  })
</script>

<script>
  $(function () {
    // Replace the <textarea id="editor1"> with a CKEditor
    // instance, using default configuration.
    CKEDITOR.replace('editor1')
    //bootstrap WYSIHTML5 - text editor
    $('.textarea').wysihtml5()
  })
</script>

<script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('world-map-markers'));
        //配置地图
         myChart.setOption({
            series: [{
                type: 'map',
                map: 'china'
            }]
        });
        // 指定图表的配置项和数据
         var data = [
              { name: '银川', value: 150 },
              { name: '西安', value: 21 },
              { name: '兰州', value: 35 },
              { name: '成都', value: 100 },
              { name: '太原', value: 48 }
         ];
         //城市设置[经度，纬度]
         var geoCoordMap = {
             '银川': [106.236676, 38.494425],
             '西安': [108.945731, 34.347198],
             '兰州': [103.840117, 36.067078],
             '成都': [104.08099, 30.656588],
             '太原': [112.55476, 37.878936]
         };

        //浮层内容的设置（）
        var $imgs = [
            { area: '银川', txt: '150' },
            { area: '西安', txt: '21' },
            { area: '兰州', txt: '35' },
            { area: '成都', txt: '100' },
            { area: '太原', txt: '48' }
        ];

        var convertData = function (data) {
            var res = [];
            for (var i = 0; i < data.length; i++) {
                var geoCoord = geoCoordMap[data[i].name];
                if (geoCoord) {
                    res.push({
                        name: data[i].name,
                        value: geoCoord.concat(data[i].value)
                    });
                }
            }
            return res;
        };

        option = {
            backgroundColor: '#eee',
            title: {
                text: '',//标题
                subtext: '',
                sublink: '#',//subtext跳转地址
                left: 'center',
                textStyle: {
                    color: '#fff'
                }
            },
            //浮层设置
            tooltip : {
                trigger: 'item',
                formatter: function (params,ticket,callback){
                    var $pna = params.name;
                    var res = "";

                    for(var i = 0;i<$imgs.length;i++){
                        if($imgs[i].area == $pna){
                            res = '<p>'+ $imgs[i].txt +'</p>';//设置自定义数据的模板，这里的模板是文字
                            //console.log(res);
                            break;
                        }
                    }

                    setTimeout(function (){
                        // 仅为了模拟异步回调
                        callback(ticket, res);//回调函数，这里可以做异步请求加载的一些代码
                    }, 15)
                    return "loading";
                }
            },
            geo: {
                map: 'china',
                label: {
                    emphasis: {
                        show: false
                    }
                },
                roam: true,
                itemStyle: {
                    normal: {
                        areaColor: '#B22222 ',
                        borderColor: '#800000'
                    },
                    emphasis: {
                        areaColor: '#800000'
                    }
                }
            },
            series : [
                {
                    name: '前三',
                    type: 'scatter',
                    coordinateSystem: 'geo',
                    data: convertData(data),
                    symbolSize: function (val) {
                        return val[2] / 10;
                    },
                    label: {
                        normal: {
                            formatter: '{b}',
                            position: 'right',
                            show: false
                        },
                        emphasis: {
                            show: true
                        }
                    },
                    itemStyle: {
                        normal: {
                            color: '#ddb926'
                        }
                    }
                },
                {
                    name: 'Top 5',
                    type: 'effectScatter',
                    coordinateSystem: 'geo',
                    data: convertData(data.sort(function (a, b) {
                        return b.value - a.value;
                    }).slice(0, 5)),
                    symbolSize: function (val) {
                        return val[2] / 10;
                    },
                    showEffectOn: 'render',
                    rippleEffect: {
                        brushType: 'stroke'
                    },
                    hoverAnimation: true,
                    label: {
                        normal: {
                            formatter: '{b}',
                            position: 'right',
                            show: true
                        }
                    },
                    itemStyle: {
                        normal: {
                            color: 'yellow',
                            shadowBlur: 10,
                            shadowColor: '#333'
                        }
                    },
                    zlevel: 1
                }
            ]
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script> 
<script type="text/javascript">
        $(function () {
            if ($.cookie("isClose") != 'yes') {
                TanChuang();
                setTimeout("minTanChuang()", 5000); //测试5秒自动关闭
            }
        });

        function minTanChuang() {
            $("#btn_min").click();
        }

        function TanChuang() {
            var oDiv = document.getElementById('miaov_float_layer');
            var oBtnMin = document.getElementById('btn_min');
            var oBtnClose = document.getElementById('btn_close');
            var oDivContent = oDiv.getElementsByTagName('div')[0];

            var iMaxHeight = 0;

            var isIE6 = window.navigator.userAgent.match(/MSIE 6/ig) && !window.navigator.userAgent.match(/MSIE 7|8/ig);

            oDiv.style.display = 'block';
            iMaxHeight = oDivContent.offsetHeight;

            if (isIE6) {
                oDiv.style.position = 'absolute';
                repositionAbsolute();
                miaovAddEvent(window, 'scroll', repositionAbsolute);
                miaovAddEvent(window, 'resize', repositionAbsolute);
            }
            else {
                oDiv.style.position = 'fixed';
                repositionFixed();
                miaovAddEvent(window, 'resize', repositionFixed);
            }

            oBtnMin.timer = null;
            oBtnMin.isMax = true;
            oBtnMin.onclick = function () {
                startMove
            (
              oDivContent, (this.isMax = !this.isMax) ? iMaxHeight : 0,
              function () {
                  oBtnMin.className = oBtnMin.className == 'min' ? 'max' : 'min';
              }
            );
            };

            oBtnClose.onclick = function () {
                oDiv.style.display = 'none';
                oDiv.innerHTML = "";
                $.cookie("isClose", 'yes', { expires: 1 / 8640 });  //测试关闭十秒后才能再次弹出
            };

        };

        function GetMap() {
            
        }
    </script>
</body>
</html>
